<template>
  <div class="intermediate-component">
    <h3>中间组件</h3>
    <p>这个组件不直接使用提供的数据，只是作为中间层</p>
    
    <DeepChildComponent />
  </div>
</template>

<script setup>
import DeepChildComponent from './DeepChildComponent.vue'
</script>

<style scoped>
.intermediate-component {
  padding: 15px;
  background-color: #f9f9f9;
  border-radius: 6px;
  margin: 15px 0;
}
</style>